.page-hero {
    /*background: #fff;*/
    /*background-image: linear-gradient(
    to right, 
    rgba(0,0,0,0.05) 20%, 
    rgba(255,255,255,1) 20%, 
    rgba(255,255,255,1) 80%, 
    rgba(0,0,0,0.05) 80%
    );*/
    border-bottom: 1px solid var(--line)
}

.hero-inner {
    background-color: white;
    /*max-width: 820px;*/
    width:60%;
    margin: auto;
    padding: 62px 24px 58px;
    text-align: center;
    
}

.eyebrow {
    margin: 0 0 9px;
    color: #747a83;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.hero-inner h1 {
    margin: 0;
    font-size: clamp(40px, 5vw, 58px);
    line-height: 1.05;
    letter-spacing: -2.8px
}

.hero-inner p:last-child {
    margin: 17px auto 0;
    color: var(--muted);
    font-size: 16px
}

@media(max-width: 1400px){
    .hero-inner {
        /*padding: 48px 18px 45px*/
        padding:0px;
        padding-top:10px;
        width:80%;
    }

    .hero-inner h1 {
        font-size: 40px
    }

}
@media(max-width: 1000px){
    .hero-inner {
        /*padding: 48px 18px 45px*/
        padding:0px;
        padding-top:10px;
        width:100%;
    }

    .hero-inner h1 {
        font-size: 40px
    }

}